window.onload = function() {

    //requestAnimationFrame的兼容处理
    if(!window.requestAnimationFrame) {
        window.requestAnimFrame = (function () {
            return window.requestAnimationFrame ||
            window.webkitRequestAnimationFrame ||
            window.mozRequestAnimationFrame ||
            function (callback) {
                window.setTimeout(callback, 6000 / 60);
            };
        })();
    }

    var oDiv = document.getElementById('div1');
    
    var position = { x: 100, y: 0 };

    //首先，为position对象创建tween
    var tween = new TWEEN.Tween(position);

    //然后，告诉tween，需要1000ms完成动画
    tween
    .to({
        x: 700
    }, 1000)
    .onUpdate(function(obj) { //绑定uplaod事件
        oDiv.style.left = obj.x + 'px';
    })
    .repeat(1)
    .start(); //接着，开始执行，此时变量开始修改
    animate(); //帧动画开始，应该紧贴start函数

    function animate() {
        requestAnimationFrame(animate);
        TWEEN.update(); //给出参数后将只执行一次
    }

}